#postLeft {
    border-right: 1px solid #ccc;
}
#postLeft, #postRight {
    margin: 10px 0;
}
#postLeft > h2, #postRight > h2{
    padding: 10px 0;
    color: #5BBD50;
    border-bottom: 1px solid;
}
#postLeft form{
    padding-top: 10px;
    
}
#postLeft table th {
	width: 24%;
}
button[type='submit'] {
    float: right;
}
button[name='doBack'] {
	margin-right: 20px;
}
.img-area {
    margin-top: 10px;
    width: 25%;
}
.img-area img {
    border: 1px solid #ccc;
}

.img-area label {
    padding: 5px 45px;
}

@media screen and (max-width:1024px){
    .img-area {
        width: 32%;
    }
}

@media screen and (max-width:800px){
    #postLeft {
       width: 60%;
       float: left;
    }
    #postRight {
        width: 38%;
        float: right;
    }
    .img-area {
        width: 27%;
    }
}

@media screen and (max-width:640px){
    #postLeft {
       width: 60%;
       float: left;
    }
    .img-area {
        width: 27%;
    }
}

@media screen and (max-width:480px){
   .img-area {
        width: 27%;
    }
}